<!--时间轴-->
<template>
  <div class="main_box">
    <div class="group">
      <el-button type="primary" size="small" @click="handleBack">
        <i class="el-icon-d-arrow-left"></i>
        返回
      </el-button>
    </div>
    <Form />
    <div class="detail_box">
      <el-form class="form_box" :inline="true" size="small">
        <el-form-item label="货主：">
          <p>汪洋/18512546035</p>
        </el-form-item>
        <el-form-item label="所需车长车型：">
          <p>汪洋/18512546035</p>
        </el-form-item>
        <el-form-item label="用车类型：">
          <p>汪洋/18512546035</p>
        </el-form-item>
        <el-form-item label="吨位：">
          <p>汪洋/18512546035</p>
        </el-form-item>
        <br />
        <el-form-item label="出发地：">
          <p>汪洋/18512546035</p>
        </el-form-item>
        <el-form-item label="装货人：">
          <p>汪洋/18512546035</p>
        </el-form-item>
        <br />
        <el-form-item label="目的地：">
          <p>汪洋/18512546035</p>
        </el-form-item>
        <el-form-item label="卸货人：">
          <p>汪洋/18512546035</p>
        </el-form-item>
        <br />
        <el-form-item label="处理日期：">
          <p>汪洋/18512546035</p>
        </el-form-item>
        <el-form-item label="货源状态：">
          <p class="green_clr weight">已发货</p>
        </el-form-item>
      </el-form>
      <ul class="history_box">
        <li>
          <div class="time">2020-02-02 20:00:00</div>
          <div class="price">
            <span>客户出价</span>
            <span>2000元</span>
          </div>
        </li>
        <li>
          <div class="time">2020-02-02 20:00:00</div>
          <div class="price">
            <span>客户出价</span>
            <span>2000元</span>
          </div>
        </li>
        <li>
          <div class="time">2020-02-02 20:00:00</div>
          <div class="price">
            <span>客户出价</span>
            <span>2000元</span>
          </div>
        </li>
        <li>
          <div class="time">2020-02-02 20:00:00</div>
          <div class="price">
            <span>客户出价</span>
            <span>2000元</span>
          </div>
        </li>
      </ul>
    </div>
    <Temp />
  </div>
</template>
<script>
import Form from './form'
import Temp from './temp';

export default {
  components: {
    Form,
    Temp
  },
  data () {
    return {

    }
  },
  methods: {
    handleBack () {
      this.$router.go(-1)
    }
  }
}
</script>
<style lang="scss" scoped>
.main_box {
  padding-left: 12px;
  .group {
    margin-bottom: 12px;
  }
  .detail_box {
    background-color: #f6f7fa;
    width: 75%;
    padding: 10px 12px;
  }
  .form_box {
    .el-form-item {
      margin-bottom: 6px;
    }
  }
  .history_box {
    padding-bottom: 10px;
    li {
      display: inline-block;
      margin-right: 5px;
      border: 1px solid #999999;
      padding: 6px 10px;
      border-radius: 3px;
      .time {
        color: #666666;
        font-size: 14px;
        line-height: 22px;
      }
      .price {
        line-height: 22px;
        font-size: 14px;
        color: #666666;
      }
    }
  }
}
</style>